博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序点击图片放大预览
阅读量:7230 次
发布时间:2019-06-29

本文共 614 字,大约阅读时间需要 2 分钟。

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大、上/下一张

上代码

wxml代码

js代码

data: {
images: [ 'http://pic.58pic.com/58pic/15/63/07/42Q58PIC42U_1024.jpg', 'http://img.zcool.cn/community/01d881579dc3620000018c1b430c4b.JPG@3000w_1l_2o_100sh.jpg' ], }, /** * 预览图片 */ previewImage: function (e) { console.log(e) var current = e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.images // 需要预览的图片http链接列表 }) } ,

测试的只能用网络图片,本地不能使用,这个需要研究研究。

 效果图

 

转载于:https://www.cnblogs.com/zxf100/p/9915253.html

你可能感兴趣的文章
JavaScript数组增删改查知识梳理
查看>>
日常抄书之React中Diff算法思路
查看>>
(二)大型互联网分布式企业微服务云架构
查看>>
初探和实现websocket心跳重连
查看>>
宁撞金钟一下,不打破鼓三千,IT人要有志气,要进就进大的好的公司
查看>>
实现一个jQuery的API
查看>>
Python学习教程(Python学习路线):Day11-文件和异常
查看>>
证书更新
查看>>
移动端swiper嵌iframe无法滑动的解决方案
查看>>
spring cloud构建互联网分布式微服务云平台- hystrix工作原理
查看>>
立即执行函数
查看>>
腾讯X5内核集成一些建议和爬坑记录
查看>>
直接使用 x y 调用frame的x y 值
查看>>
iOS富文本的简单使用
查看>>
云栖专辑| 阿里毕玄:程序员的成长路线
查看>>
Redis分布式缓存安装和使用
查看>>
Python 工匠:使用数字与字符串的技巧
查看>>
MyBatis和Hibernate相比,优势在哪里?
查看>>
C# WIN32 API
查看>>
samba服务简单配置使用
查看>>